<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./../plantilla/plantillaGeneral.xhtml">

            <ui:define name="title">
                #{general.grupos}
            </ui:define>
            <ui:define name="content">
                <h:form id="frmGrupo">
                    <p:growl id="growl" />
                    <h:panelGrid id="pngTitulo001" columns="1">
                        <h:outputText id="outTitutlo001" value="#{general.admGrupo}" styleClass="texto_subtitulo"/>
                    </h:panelGrid>
                    <p:panel id="pnlAdmPagina" header="#{general.admGrupo}">
                        <p:panel id="pnlBusquedaGrupo" header="#{general.filtrosBusqueda}">
                            <h:panelGrid columns="4">
                                <h:outputText value="#{general.grupo}: " styleClass="texto_negrita_derecha"/>
                                <h:inputText id="txtBuscarGrupo" value="#{grupoOP.nombre}" disabled="#{grupoOP.renderDetalle}" maxlength="250"/>
                                <p:commandButton id="btnBuscar" value="#{general.buscar}" actionListener="#{grupoOP.obtenerGrupo}"
                                                 update="dtGrupos,cbRoles" disabled="#{grupoOP.renderDetalle}"/>

                            </h:panelGrid>
                        </p:panel>
                        <p:spacer height="10"/>
                        <p:panel id="pnlBusquedaResultado" header="#{general.resultadoBusqueda}">
                            <p:dataTable id="dtGrupos" var="grupos" value="#{grupoOP.listaGrupo}"
                                         emptyMessage="#{general.noDatos}">
                                <f:facet name="header">
                                    <h:outputText id="outHeadGrupo" value="#{general.gruposUsuarios}"/>
                                </f:facet>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="#{general.grupo}"/>
                                    </f:facet>
                                    <h:outputText id="NombreGrupo" value="#{grupos.nombre}"/>
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="#{general.rol}"/>
                                    </f:facet>
                                    <h:outputText id="NombreRol" value="#{grupos.trol.nombre}"/>
                                </p:column>
                                <p:column id="clmAcciones" style="width: 150px">
                                    <f:facet id="fctClmAcciones" name="header">
                                        <h:outputText id="outClmAcciones" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                                    </f:facet>
                                    <div id="divAcciones" align="center">
                                        <p:commandButton id="btnAccionMod" actionListener="#{grupoOP.modificarGrupo}" value="#{general.modificar}"
                                                         update="frmGrupo,growl,pnlBusquedaResultado" title="#{general.titleBtnModificar}" disabled="#{grupoOP.renderDetalle}">
                                            <f:attribute name="grupos" value="#{grupos}"/>
                                        </p:commandButton>
                                        <p:commandButton id="btnAccionEli" actionListener="#{grupoOP.eliminarGrupo}" value="#{general.eliminar}"
                                                         update="frmGrupo,growl,pnlBusquedaResultado" title="#{general.titleBtnEliminar}" disabled="#{grupoOP.renderDetalle}">
                                            <f:attribute name="grupos" value="#{grupos}"/>
                                        </p:commandButton>
                                    </div>
                                </p:column>
                            </p:dataTable>
                        </p:panel>
                        <h:panelGrid columns="1">
                            <p:spacer height="5px"/>
                            <p:commandButton id="btnNuevo" value="#{general.nuevo}" actionListener="#{grupoOP.nuevo}" update="frmGrupo,pnlProcesos"
                                             disabled="#{grupoOP.renderDetalle}"/>
                            <p:spacer height="5px"/>
                        </h:panelGrid>
                        <p:panel id="pnlProcesos" rendered="#{grupoOP.renderDetalle}" header="#{general.grupo}">
                            <h:panelGrid id="pngDt" title="Datos:" columns="2">
                                <h:outputText value="#{general.rol}: " styleClass="texto_negrita_derecha"/>
                                <h:selectOneMenu id="cbRoles" value="#{grupoOP.rol}" >
                                    <f:selectItems value="#{grupoOP.roles}" />
                                    <p:ajax event="change" update="pngDt"/>
                                </h:selectOneMenu>
                                <h:outputText value="#{general.grupo}: " styleClass="texto_negrita_derecha"/>
                                <h:inputText id="txtGrupo" value="#{grupoOP.grupo.nombre}"/>
                                <p:commandButton id="btnGuardar" value="#{general.guardar}" actionListener="#{grupoOP.insertarGrupo}" update="frmGrupo,pnlProcesos,growl"/>
                                <p:commandButton value="#{general.cancelar}" actionListener="#{grupoOP.cancelar}" ajax="false" immediate="true"/>
                            </h:panelGrid>
                        </p:panel>

                    </p:panel>
                </h:form>
            </ui:define>
        </ui:composition>

    </body>
</html>
